﻿<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Aquincum - premium admin template by Eugene Kopyov</title>
<!--[if IE]> <link href="css/ie.css" rel="stylesheet" type="text/css"> <![endif]-->

<link href="css/styles.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript" src="js/plugins/forms/ui.spinner.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.mousewheel.js"></script>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript" src="js/plugins/charts/excanvas.min.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.orderBars.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.pie.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.resize.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.sparkline.min.js"></script>

<script type="text/javascript" src="js/plugins/tables/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/plugins/tables/jquery.sortable.js"></script>
<script type="text/javascript" src="js/plugins/tables/jquery.resizable.js"></script><style type="text/css">.CRZ{table-layout:fixed;}.CRZ td,.CRZ th{overflow:hidden}.CRC{height:0px;position:relative;}.CRG{margin-left:-5px;position:absolute;z-index:5;}.CRG .CRZ{position:absolute;background-color:red;filter:alpha(opacity=1);opacity:0;width:10px;height:100%;top:0px}.CRL{position:absolute;width:1px}.CRD{ border-left:1px dotted black}</style>

<script type="text/javascript" src="js/plugins/forms/autogrowtextarea.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.uniform.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.inputlimiter.min.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.maskedinput.min.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.autotab.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.chosen.min.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.dualListBox.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.cleditor.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.ibutton.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.validationEngine.js"></script>

<script type="text/javascript" src="js/plugins/uploader/plupload.js"></script>
<script type="text/javascript" src="js/plugins/uploader/plupload.html4.js"></script>
<script type="text/javascript" src="js/plugins/uploader/plupload.html5.js"></script>
<script type="text/javascript" src="js/plugins/uploader/jquery.plupload.queue.js"></script>

<script type="text/javascript" src="js/plugins/wizards/jquery.form.wizard.js"></script>
<script type="text/javascript" src="js/plugins/wizards/jquery.validate.js"></script>
<script type="text/javascript" src="js/plugins/wizards/jquery.form.js"></script>

<script type="text/javascript" src="js/plugins/ui/jquery.collapsible.min.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.breadcrumbs.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.tipsy.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.progress.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.timeentry.min.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.colorpicker.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.jgrowl.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.fileTree.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.sourcerer.js"></script>

<script type="text/javascript" src="js/plugins/others/jquery.fullcalendar.js"></script>
<script type="text/javascript" src="js/plugins/others/jquery.elfinder.js"></script>

<script type="text/javascript" src="js/plugins/ui/jquery.easytabs.min.js"></script>
<script type="text/javascript" src="js/files/bootstrap.js"></script>
<script type="text/javascript" src="js/files/functions.js"></script>

<style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.75);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 11px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style></head>

<body>

<!-- Style switcher -->
<div class="switcher">
    <a href="#" title="" class="pat1"><img src="images/switcher/2.png" alt=""></a>
    <a href="#" title="" class="pat2"><img src="images/switcher/3.png" alt=""></a>
    <a href="#" title="" class="pat3"><img src="images/switcher/4.png" alt=""></a>
    <a href="#" title="" class="pat4"><img src="images/switcher/5.png" alt=""></a>
    <a href="#" title="" class="pat5"><img src="images/switcher/6.png" alt=""></a>
    <a href="#" title="" class="pat6"><img src="images/switcher/7.png" alt=""></a>
    <a href="#" title="" class="pat7"><img src="images/switcher/8.png" alt=""></a>
    <a href="#" title="" class="pat8"><img src="images/switcher/9.png" alt=""></a>
    <a href="#" title="" class="pat10"><img src="images/switcher/10.png" alt=""></a>
    <a href="#" title="" class="pat9"><img src="images/switcher/1.png" alt=""></a>
</div>

<!-- Top line begins -->
<div id="top">
	<div class="wrapper">
    	<a href="index.html" title="" class="logo"><img src="images/logo.png" alt=""></a>
        
        <!-- Right top nav -->
        <div class="topNav">
            <ul class="userNav">
                <li><a title="" class="search"></a></li>
                <li><a href="#" title="" class="screen"></a></li>
                <li><a href="#" title="" class="settings"></a></li>
                <li><a href="#" title="" class="logout"></a></li>
                <li class="showTabletP"><a href="#" title="" class="sidebar"></a></li>
            </ul>
            <a title="" class="iButton"></a>
            <a title="" class="iTop"></a>
            <div class="topSearch">
            	<div class="topDropArrow"></div>
                <form action="">
                    <input type="text" placeholder="search..." name="topSearch">
                    <input type="submit" value="">
                </form>
            </div>
        </div>
        
        <!-- Responsive nav -->
        <ul class="altMenu">
            <li><a href="index.html" title="">Dashboard</a></li>
            <li><a href="ui.html" title="" class="exp subClosed">UI elements</a>
                <ul style="display: none; ">
                    <li><a href="ui.html">General elements</a></li>
                    <li><a href="ui_icons.html">Icons</a></li>
                    <li><a href="ui_buttons.html">Button sets</a></li>
                    <li><a href="ui_grid.html">Grid</a></li>
                    <li><a href="ui_custom.html">Custom elements</a></li>
                    <li><a href="ui_experimental.html">Experimental</a></li>
                </ul>
            </li>
            <li><a href="forms.html" title="" class="exp subOpened" id="current">Forms stuff</a>
                <ul style="">
                    <li><a href="forms.html" class="active">Inputs &amp; elements</a></li>
                    <li><a href="form_validation.html">Validation</a></li>
                    <li><a href="form_editor.html">File uploads &amp; editor</a></li>
                    <li><a href="form_wizards.html">Form wizards</a></li>
                </ul>
            </li>
            <li><a href="messages.html" title="">Messages</a></li>
            <li><a href="statistics.html" title="">Statistics</a></li>
            <li><a href="tables.html" title="" class="exp subClosed">Tables</a>
                <ul style="display: none; ">
                    <li><a href="tables.html">Standard tables</a></li>
                    <li><a href="tables_dynamic.html">Dynamic tables</a></li>
                    <li><a href="tables_control.html">Tables with control</a></li>
                    <li><a href="tables_sortable.html">Sortable &amp; resizable</a></li>
                </ul>
            </li>
            <li><a href="other_calendar.html" title="" class="exp subClosed">Other pages</a>
                <ul style="display: none; ">
                    <li><a href="other_calendar.html">Calendar</a></li>
                    <li><a href="other_gallery.html">Images gallery</a></li>
                    <li><a href="other_file_manager.html">File manager</a></li>
                    <li><a href="other_404.html">Sample error page</a></li>
                    <li><a href="other_typography.html">Typography</a></li>
                </ul>
            </li>
        </ul>
        
        <div class="clear"></div>
    </div>
</div>
<!-- Top line ends -->


<!-- Sidebar begins -->
<div id="sidebar" class="with">

	<!-- Main nav -->
    <div class="mainNav">
        <div class="user">
            <a title="" class="leftUserDrop"><img src="images/user.png" alt=""><span><strong>3</strong></span></a><span>Eugene</span>
            <ul class="leftUser">
                <li><a href="#" title="" class="sProfile">My profile</a></li>
                <li><a href="#" title="" class="sMessages">Messages</a></li>
                <li><a href="#" title="" class="sSettings">Settings</a></li>
                <li><a href="#" title="" class="sLogout">Logout</a></li>
            </ul>
        </div>
        
        <!-- Responsive nav -->
        <div class="altNav">
            <div class="userSearch">
                <form action="">
                    <input type="text" placeholder="search..." name="userSearch">
                    <input type="submit" value="">
                </form>
            </div>
            
            <!-- User nav -->
            <ul class="userNav">
                <li><a href="#" title="" class="profile"></a></li>
                <li><a href="#" title="" class="messages"></a></li>
                <li><a href="#" title="" class="settings"></a></li>
                <li><a href="#" title="" class="logout"></a></li>
            </ul>
        </div>
        
        <!-- Main nav -->
        <ul class="nav">
            <li><a href="index.html" title=""><img src="images/icons/mainnav/dashboard.png" alt=""><span>Dashboard</span></a></li>
            <li><a href="ui.html" title=""><img src="images/icons/mainnav/ui.png" alt=""><span>UI elements</span></a>
                <ul>
                    <li><a href="ui.html" title=""><span class="icol-fullscreen"></span>General elements</a></li>
                    <li><a href="ui_icons.html" title=""><span class="icol-images2"></span>Icons</a></li>
                    <li><a href="ui_buttons.html" title=""><span class="icol-coverflow"></span>Button sets</a></li>
                    <li><a href="ui_grid.html" title=""><span class="icol-view"></span>Grid</a></li>
                    <li><a href="ui_custom.html" title=""><span class="icol-cog2"></span>Custom elements</a></li>
                    <li><a href="ui_experimental.html" title=""><span class="icol-beta"></span>Experimental</a></li>
                </ul>
            </li>
            <li><a href="forms.html" title="" class="active"><img src="images/icons/mainnav/forms.png" alt=""><span>Forms stuff</span></a>
                <ul>
                    <li><a href="forms.html" title=""><span class="icol-list"></span>Inputs &amp; elements</a></li>
                    <li><a href="form_validation.html" title=""><span class="icol-alert"></span>Validation</a></li>
                    <li><a href="form_editor.html" title=""><span class="icol-pencil"></span>File uploader &amp; WYSIWYG</a></li>
                    <li><a href="form_wizards.html" title=""><span class="icol-signpost"></span>Form wizards</a></li>
                </ul>
            </li>
            <li><a href="messages.html" title=""><img src="images/icons/mainnav/messages.png" alt=""><span>Messages</span></a></li>
            <li><a href="statistics.html" title=""><img src="images/icons/mainnav/statistics.png" alt=""><span>Statistics</span></a></li>
            <li><a href="tables.html" title=""><img src="images/icons/mainnav/tables.png" alt=""><span>Tables</span></a>
                <ul>
                    <li><a href="tables.html" title=""><span class="icol-frames"></span>Standard tables</a></li>
                    <li><a href="tables_dynamic.html" title=""><span class="icol-refresh"></span>Dynamic table</a></li>
                    <li><a href="tables_control.html" title=""><span class="icol-bullseye"></span>Tables with control</a></li>
                    <li><a href="tables_sortable.html" title=""><span class="icol-transfer"></span>Sortable and resizable</a></li>
                </ul>
            </li>
            <li><a href="other_calendar.html" title=""><img src="images/icons/mainnav/other.png" alt=""><span>Other pages</span></a>
                <ul>
                    <li><a href="other_calendar.html" title=""><span class="icol-dcalendar"></span>Calendar</a></li>
                    <li><a href="other_gallery.html" title=""><span class="icol-images2"></span>Images gallery</a></li>
                    <li><a href="other_file_manager.html" title=""><span class="icol-files"></span>File manager</a></li>
                    <li><a href="#" title="" class="exp subClosed"><span class="icol-alert"></span>Error pages <span class="dataNumRed">6</span></a>
                        <ul style="display: none; ">
                            <li><a href="other_403.html" title="">403 error</a></li>
                            <li><a href="other_404.html" title="">404 error</a></li>
                            <li><a href="other_405.html" title="">405 error</a></li>
                            <li><a href="other_500.html" title="">500 error</a></li>
                            <li><a href="other_503.html" title="">503 error</a></li>
                            <li><a href="other_offline.html" title="">Website is offline error</a></li>
                        </ul>
                    </li>
                    <li><a href="other_typography.html" title=""><span class="icol-create"></span>Typography</a></li>
                    <li><a href="other_invoice.html" title=""><span class="icol-money2"></span>Invoice template</a></li>
                </ul>
            </li>
        </ul>
    </div>
    
    <!-- Secondary nav -->
    <div class="secNav">
        <div class="secWrapper">
            <div class="secTop">
                <div class="balance">
                <div class="balInfo">Balance:<span>Apr 21 2012</span></div>
                <div class="balAmount"><span class="balBars"><canvas style="display: inline-block; width: 59px; height: 18px; vertical-align: top; " width="59" height="18"></canvas></span><span>$58,990</span></div>
                </div>
                <a href="#" class="triangle-red"></a>
            </div>
            
            <!-- Tabs container -->
            <div id="tab-container" class="tab-container" data-easytabs="true">
                <ul class="iconsLine ic3 etabs">
                    <li class="clicked"><a href="#general" title="" class="clicked"><span class="icos-fullscreen"></span></a></li>
                    <li><a href="#alt1" title=""><span class="icos-user"></span></a></li>
                    <li><a href="#alt2" title=""><span class="icos-archive"></span></a></li>
                </ul>
                
                <div class="divider"><span></span></div>
                
                <div id="general" style="display: block; " class="active">
                    <ul class="subNav">
                        <li class="activeli"><a href="forms.html" title="" class="this"><span class="icos-list"></span>Inputs &amp; elements</a></li>
                        <li><a href="form_validation.html" title=""><span class="icos-alert"></span>Validation</a></li>
                        <li><a href="form_editor.html" title=""><span class="icos-pencil"></span>File uploader &amp; WYSIWYG</a></li>
                        <li><a href="form_wizards.html" title="" class="noBorderB"><span class="icos-signpost"></span>Form wizards</a></li>
                    </ul>
                </div>
                
                <div id="alt1" style="display: none; ">
                    <div class="widget">
                        <div class="whead">
                            <h6><span class="icon-tree-view"></span>Simple jQuery file tree</h6>
                            <div class="clear"></div>
                        </div>
                        <div class="filetree"><ul class="jqueryFileTree" style=""><li class="directory collapsed"><a href="#" rel="../images/.quarantine/">.quarantine</a></li><li class="directory collapsed"><a href="#" rel="../images/.tmb/">.tmb</a></li><li class="directory collapsed"><a href="#" rel="../images/backgrounds/">backgrounds</a></li><li class="directory collapsed"><a href="#" rel="../images/elements/">elements</a></li><li class="directory collapsed"><a href="#" rel="../images/fileManager/">fileManager</a></li><li class="directory collapsed"><a href="#" rel="../images/icons/">icons</a></li><li class="directory collapsed"><a href="#" rel="../images/jquery_ui/">jquery_ui</a></li><li class="directory collapsed"><a href="#" rel="../images/live/">live</a></li><li class="directory collapsed"><a href="#" rel="../images/sprites/">sprites</a></li><li class="directory collapsed"><a href="#" rel="../images/switcher/">switcher</a></li><li class="directory collapsed"><a href="#" rel="../images/tables/">tables</a></li><li class="file ext_png"><a href="#" rel="../images/big.png">big.png</a></li><li class="file ext_png"><a href="#" rel="../images/demo.png">demo.png</a></li><li class="file ext_png"><a href="#" rel="../images/div.png">div.png</a></li><li class="file ext_png"><a href="#" rel="../images/dropFiles.png">dropFiles.png</a></li><li class="file ext_png"><a href="#" rel="../images/gallery.png">gallery.png</a></li><li class="file ext_html"><a href="#" rel="../images/index.html">index.html</a></li><li class="file ext_png"><a href="#" rel="../images/leftArrow.png">leftArrow.png</a></li><li class="file ext_png"><a href="#" rel="../images/loginControl.png">loginControl.png</a></li><li class="file ext_png"><a href="#" rel="../images/logo.png">logo.png</a></li><li class="file ext_png"><a href="#" rel="../images/newLogo.png">newLogo.png</a></li><li class="file ext_png"><a href="#" rel="../images/rightArrow.png">rightArrow.png</a></li><li class="file ext_png"><a href="#" rel="../images/searchSmall.png">searchSmall.png</a></li><li class="file ext_png"><a href="#" rel="../images/subArrow.png">subArrow.png</a></li><li class="file ext_gif"><a href="#" rel="../images/tipsy.gif">tipsy.gif</a></li><li class="file ext_png"><a href="#" rel="../images/user.png">user.png</a></li><li class="file ext_png"><a href="#" rel="../images/userLogin.png">userLogin.png</a></li><li class="file ext_png"><a href="#" rel="../images/userLogin2.png">userLogin2.png</a></li><li class="file ext_png"><a href="#" rel="../images/widgetDiv.png">widgetDiv.png</a></li></ul></div>
                    </div>
                    
                    <div class="divider"><span></span></div>
                
                    <div class="sidePad">
                        <a href="#" title="" class="sideB bBlue">Add new session</a>
                        <a href="#" title="" class="sideB bRed mt10">Add new session</a>
                        <a href="#" title="" class="sideB bGreen mt10">Add new session</a>
                        <a href="#" title="" class="sideB bBrown mt10">Add new session</a>
                        <a href="#" title="" class="sideB bGreyish mt10">Add new session</a>
                    </div>
                </div>
                
                <div id="alt2" style="display: none; ">
                    <div class="sideWidget">
                        <div class="inlinedate hasDatepicker" id="dp1342608605475"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display: block; "><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"><a class="ui-datepicker-prev ui-corner-all" onclick="DP_jQuery_1342608605473.datepicker._adjustDate('#dp1342608605475', -1, 'M');" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a><a class="ui-datepicker-next ui-corner-all" onclick="DP_jQuery_1342608605473.datepicker._adjustDate('#dp1342608605475', +1, 'M');" title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">July</span>&nbsp;<span class="ui-datepicker-year">2012</span></div></div><table class="ui-datepicker-calendar"><thead><tr><th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th><span title="Monday">Mo</span></th><th><span title="Tuesday">Tu</span></th><th><span title="Wednesday">We</span></th><th><span title="Thursday">Th</span></th><th><span title="Friday">Fr</span></th><th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">1</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">2</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">3</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">4</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">5</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">6</a></td><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">7</a></td></tr><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">8</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">9</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">10</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">11</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">12</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">13</a></td><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">14</a></td></tr><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">15</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">16</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">17</a></td><td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today" onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#">18</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">19</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">20</a></td><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">21</a></td></tr><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">22</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">23</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">24</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">25</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">26</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">27</a></td><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">28</a></td></tr><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">29</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">30</a></td><td class=" " onclick="DP_jQuery_1342608605473.datepicker._selectDay('#dp1342608605475',6,2012, this);return false;"><a class="ui-state-default" href="#">31</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td></tr></tbody></table></div></div>
                    </div>
                </div>
            </div>
            
             <div class="divider"><span></span></div>
            
            <!-- Sidebar buttons -->
            <div class="fluid sideWidget">
                <div class="grid6"><input type="submit" class="buttonS bRed" value="Cancel"></div>
                <div class="grid6"><input type="submit" class="buttonS bGreen" value="Submit"></div>
            </div>
    
            <div class="divider"><span></span></div>
        
        	<!-- Sidebar form -->
            <div class="sideWidget">
                <div class="formRow">
                    <label>Usual input field:</label>
                    <input type="text" name="regular" placeholder="Your name">
                </div>
                <div class="formRow">
                   <label>Usual password field:</label>
                    <input type="password" name="regular" placeholder="Your password"> 
                </div>
                <div class="formRow">
                    <label>Single file uploader:</label>
                    <div class="uploader" id="uniform-fileInputS"><input type="file" class="fileInput" id="fileInputS" size="18.5" style="opacity: 0; "><span class="filename">No file selected</span><span class="action">Choose File</span></div>
                </div>
                <div class="formRow">
                    <label>Dropdown menu:</label>
                    <div class="selector" id="uniform-undefined"><span>Usual select box</span><select name="select2" style="opacity: 0; ">
                        <option value="opt1">Usual select box</option>
                        <option value="opt2">Option 2</option>
                        <option value="opt3">Option 3</option>
                        <option value="opt4">Option 4</option>
                        <option value="opt5">Option 5</option>
                        <option value="opt6">Option 6</option>
                        <option value="opt7">Option 7</option>
                        <option value="opt8">Option 8</option>
                    </select></div>
                </div>
                
                <div class="formRow searchDrop">
                    <label>Dropdown with search:</label>
                    <div class="selector" id="uniform-selMZZ"><span></span><select data-placeholder="Choose a Country..." class="select chzn-done" tabindex="-1" id="selMZZ" style="display: none; opacity: 0; ">
                        <option value=""></option> 
                        <option value="Cambodia">Cambodia</option> 
                        <option value="Cameroon">Cameroon</option> 
                        <option value="Canada">Canada</option> 
                        <option value="Cape Verde">Cape Verde</option> 
                        <option value="Cayman Islands">Cayman Islands</option> 
                        <option value="Central African Republic">Central African Republic</option> 
                        <option value="Chad">Chad</option> 
                        <option value="Chile">Chile</option> 
                        <option value="China">China</option> 
                        <option value="Christmas Island">Christmas Island</option> 
                        <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                        <option value="Colombia">Colombia</option> 
                        <option value="Comoros">Comoros</option> 
                        <option value="Congo">Congo</option> 
                        <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                        <option value="Cook Islands">Cook Islands</option> 
                        <option value="Costa Rica">Costa Rica</option> 
                        <option value="Cote D'ivoire">Cote D'ivoire</option> 
                        <option value="Croatia">Croatia</option> 
                        <option value="Cuba">Cuba</option> 
                        <option value="Cyprus">Cyprus</option> 
                        <option value="Czech Republic">Czech Republic</option> 
                        <option value="Denmark">Denmark</option> 
                        <option value="Djibouti">Djibouti</option> 
                        <option value="Dominica">Dominica</option> 
                        <option value="Dominican Republic">Dominican Republic</option> 
                        <option value="Ecuador">Ecuador</option> 
                        <option value="Egypt">Egypt</option> 
                        <option value="El Salvador">El Salvador</option> 
                        <option value="Equatorial Guinea">Equatorial Guinea</option> 
                        <option value="Eritrea">Eritrea</option> 
                        <option value="Estonia">Estonia</option> 
                        <option value="Ethiopia">Ethiopia</option> 
                        <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
                        <option value="Faroe Islands">Faroe Islands</option> 
                        <option value="Fiji">Fiji</option> 
                        <option value="Finland">Finland</option> 
                        <option value="France">France</option> 
                        <option value="French Guiana">French Guiana</option> 
                        <option value="French Polynesia">French Polynesia</option> 
                        <option value="French Southern Territories">French Southern Territories</option> 
                        <option value="Gabon">Gabon</option> 
                        <option value="Gambia">Gambia</option> 
                        <option value="Georgia">Georgia</option> 
                        <option value="Germany">Germany</option> 
                        <option value="Ghana">Ghana</option> 
                        <option value="Gibraltar">Gibraltar</option> 
                        <option value="Greece">Greece</option> 
                    </select></div><div id="selMZZ_chzn" class="chzn-container chzn-container-single" style="width: 256px;"><a href="javascript:void(0)" class="chzn-single" tabindex="2"><span>Choose a Country...</span><div><b></b></div></a><div class="chzn-drop" style="left: -9000px; width: 254px; top: 29px; "><div class="chzn-search"><input type="text" autocomplete="off" style="width: 230px; " tabindex="-1"></div><ul class="chzn-results"><li id="selMZZ_chzn_o_1" class="active-result" style="">Cambodia</li><li id="selMZZ_chzn_o_2" class="active-result" style="">Cameroon</li><li id="selMZZ_chzn_o_3" class="active-result" style="">Canada</li><li id="selMZZ_chzn_o_4" class="active-result" style="">Cape Verde</li><li id="selMZZ_chzn_o_5" class="active-result" style="">Cayman Islands</li><li id="selMZZ_chzn_o_6" class="active-result" style="">Central African Republic</li><li id="selMZZ_chzn_o_7" class="active-result" style="">Chad</li><li id="selMZZ_chzn_o_8" class="active-result" style="">Chile</li><li id="selMZZ_chzn_o_9" class="active-result" style="">China</li><li id="selMZZ_chzn_o_10" class="active-result" style="">Christmas Island</li><li id="selMZZ_chzn_o_11" class="active-result" style="">Cocos (Keeling) Islands</li><li id="selMZZ_chzn_o_12" class="active-result" style="">Colombia</li><li id="selMZZ_chzn_o_13" class="active-result" style="">Comoros</li><li id="selMZZ_chzn_o_14" class="active-result" style="">Congo</li><li id="selMZZ_chzn_o_15" class="active-result" style="">Congo, The Democratic Republic of The</li><li id="selMZZ_chzn_o_16" class="active-result" style="">Cook Islands</li><li id="selMZZ_chzn_o_17" class="active-result" style="">Costa Rica</li><li id="selMZZ_chzn_o_18" class="active-result" style="">Cote D'ivoire</li><li id="selMZZ_chzn_o_19" class="active-result" style="">Croatia</li><li id="selMZZ_chzn_o_20" class="active-result" style="">Cuba</li><li id="selMZZ_chzn_o_21" class="active-result" style="">Cyprus</li><li id="selMZZ_chzn_o_22" class="active-result" style="">Czech Republic</li><li id="selMZZ_chzn_o_23" class="active-result" style="">Denmark</li><li id="selMZZ_chzn_o_24" class="active-result" style="">Djibouti</li><li id="selMZZ_chzn_o_25" class="active-result" style="">Dominica</li><li id="selMZZ_chzn_o_26" class="active-result" style="">Dominican Republic</li><li id="selMZZ_chzn_o_27" class="active-result" style="">Ecuador</li><li id="selMZZ_chzn_o_28" class="active-result" style="">Egypt</li><li id="selMZZ_chzn_o_29" class="active-result" style="">El Salvador</li><li id="selMZZ_chzn_o_30" class="active-result" style="">Equatorial Guinea</li><li id="selMZZ_chzn_o_31" class="active-result" style="">Eritrea</li><li id="selMZZ_chzn_o_32" class="active-result" style="">Estonia</li><li id="selMZZ_chzn_o_33" class="active-result" style="">Ethiopia</li><li id="selMZZ_chzn_o_34" class="active-result" style="">Falkland Islands (Malvinas)</li><li id="selMZZ_chzn_o_35" class="active-result" style="">Faroe Islands</li><li id="selMZZ_chzn_o_36" class="active-result" style="">Fiji</li><li id="selMZZ_chzn_o_37" class="active-result" style="">Finland</li><li id="selMZZ_chzn_o_38" class="active-result" style="">France</li><li id="selMZZ_chzn_o_39" class="active-result" style="">French Guiana</li><li id="selMZZ_chzn_o_40" class="active-result" style="">French Polynesia</li><li id="selMZZ_chzn_o_41" class="active-result" style="">French Southern Territories</li><li id="selMZZ_chzn_o_42" class="active-result" style="">Gabon</li><li id="selMZZ_chzn_o_43" class="active-result" style="">Gambia</li><li id="selMZZ_chzn_o_44" class="active-result" style="">Georgia</li><li id="selMZZ_chzn_o_45" class="active-result" style="">Germany</li><li id="selMZZ_chzn_o_46" class="active-result" style="">Ghana</li><li id="selMZZ_chzn_o_47" class="active-result" style="">Gibraltar</li><li id="selMZZ_chzn_o_48" class="active-result" style="">Greece</li></ul></div></div>
                </div>
            
                <div class="formRow">
                    <div class="checker" id="uniform-check2S"><span class="checked"><input type="checkbox" id="check2S" name="chbox1" checked="checked" class="check" style="opacity: 0; "></span></div>
                    <label for="check2S" class="nopadding">Checkbox checked</label>
                    <div class="clear"></div>
                </div>
                <div class="formRow">
                    <div class="radio" id="uniform-radio1S"><span class="checked"><input type="radio" id="radio1S" name="question1" checked="checked" style="opacity: 0; "></span></div>
                    <label for="radio1S" class="nopadding">Usual radio button</label>
                    <div class="clear"></div>
                </div>
                <div class="formRow">
                    <label>Usual textarea:</label>
                    <textarea rows="8" cols="" name="textarea" placeholder="Your message"></textarea>
                </div>
                <div class="formRow noBorderB">
                    <input type="submit" class="buttonS bLightBlue" value="Submit button">
                </div>
            </div>
        
            <div class="divider"><span></span></div>
            
       </div> 
       <div class="clear"></div>
   </div>
</div>
<!-- Sidebar ends -->


<!-- Content begins -->
<div id="content">
    <div class="contentTop">
        <span class="pageTitle"><span class="icon-link"></span>General form elements</span>
        <ul class="quickStats">
            <li>
                <a href="" class="blueImg"><img src="images/icons/quickstats/plus.png" alt=""></a>
                <div class="floatR"><strong class="blue">5489</strong><span>visits</span></div>
            </li>
            <li>
                <a href="" class="redImg"><img src="images/icons/quickstats/user.png" alt=""></a>
                <div class="floatR"><strong class="blue">4658</strong><span>users</span></div>
            </li>
            <li>
                <a href="" class="greenImg"><img src="images/icons/quickstats/money.png" alt=""></a>
                <div class="floatR"><strong class="blue">1289</strong><span>orders</span></div>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
    
    <!-- Breadcrumbs line -->
    <div class="breadLine">
        <div class="bc">
            <ul id="breadcrumbs" class="breadcrumbs">
                <li><a href="index.html">Dashboard</a></li>
                <li class=""><a href="forms.html">Forms stuff</a>
                    <ul style="display: none; ">
                        <li><a href="form_validation.html" title="">Validation</a></li>
                        <li><a href="form_editor.html" title="">File uploader &amp; WYSIWYG</a></li>
                        <li><a href="form_wizards.html" title="">Form wizards</a></li>
                    </ul>
                </li>
                <li class="current"><a href="forms.html" title="">Inputs &amp; elements</a></li>
            </ul>
        </div>
        
        <div class="breadLinks">
            <ul>
                <li><a href="#" title=""><i class="icos-list"></i><span>Orders</span> <strong>(+58)</strong></a></li>
                <li><a href="#" title=""><i class="icos-check"></i><span>Tasks</span> <strong>(+12)</strong></a></li>
                <li class="has">
                    <a title="">
                        <i class="icos-money3"></i>
                        <span>Invoices</span>
                        <span><img src="images/elements/control/hasddArrow.png" alt=""></span>
                    </a>
                    <ul>
                        <li><a href="#" title=""><span class="icos-add"></span>New invoice</a></li>
                        <li><a href="#" title=""><span class="icos-archive"></span>History</a></li>
                        <li class="noBorderB"><a href="#" title=""><span class="icos-printer"></span>Print invoices</a></li>
                    </ul>
                </li>
            </ul>
             <div class="clear"></div>
        </div>
    </div>
    
    <!-- Main content -->
    <div class="wrapper">
        <ul class="middleNavR">
            <li><a href="#" class="tipN" original-title="Add an article"><img src="images/icons/middlenav/create.png" alt=""></a></li>
            <li><a href="#" class="tipN" original-title="Upload files"><img src="images/icons/middlenav/upload.png" alt=""></a></li>
            <li><a href="#" class="tipN" original-title="Add something"><img src="images/icons/middlenav/add.png" alt=""></a></li>
            <li><a href="#" class="tipN" original-title="Messages"><img src="images/icons/middlenav/dialogs.png" alt=""></a><strong>8</strong></li>
            <li><a href="#" class="tipN" original-title="Check statistics"><img src="images/icons/middlenav/stats.png" alt=""></a></li>
        </ul>
    
        <form action="" class="main">
            <fieldset>
                <div class="widget fluid">
                    <div class="whead"><h6>Input fields</h6><div class="clear"></div></div>
                    <div class="formRow">
                        <div class="grid3"><label>Usual input field:</label></div>
                        <div class="grid9"><input type="text" name="regular"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Password field:</label></div>
                        <div class="grid9"><input type="password" name="pass"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>With placeholder:</label></div>
                        <div class="grid9"><input type="text" name="placeholder" placeholder="Bazinga"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Read only field:</label></div>
                        <div class="grid9"><input type="text" name="readonly" readonly="readonly" value="read only"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Disabled field:</label></div>
                        <div class="grid9"><input type="text" name="disabled" disabled="disabled" value="disabled"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Field with notice:</label></div>
                        <div class="grid9"><input type="text" name="regular"><span class="note">Some nice stuff goes here</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Label with notice:<span class="note">The same stuff here</span></label></div>
                        <div class="grid9"><input type="text" name="regular"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Predefined value:</label></div>
                        <div class="grid9"><input type="text" name="regular" value="http://"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Field with tooltip:</label></div>
                        <div class="grid9"><input type="text" name="regular" class="tipS" original-title="Tooltip in different directions"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Max 10 characters:</label></div>
                        <div class="grid9"><input type="text" name="regular" maxlength="10" placeholder="Max 10 characters"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label><span class="icos-user"></span>With icons:</label></div>
                        <div class="grid9">
                            <input type="text" name="regular">
                            <img src="images/icons/usual/icon-download.png" alt="" class="fieldIcon">
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label for="labelfor">Clickable label:</label></div>
                        <div class="grid9"><input type="text" name="labelfor" id="labelfor"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Textarea:</label></div>
                        <div class="grid9"><textarea rows="8" cols="" name="textarea"></textarea> </div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Elastic textarea:</label></div>
                        <div class="grid9"><textarea rows="8" cols="" name="textarea" class="auto" style="overflow: hidden; "></textarea><div style="position: absolute; display: none; word-wrap: break-word; white-space: pre-wrap; border: 1px solid rgb(215, 215, 215); font-weight: normal; width: 675px; font-family: Arial, Helvetica, sans-serif; line-height: normal; font-size: 11px; padding: 6px 7px; ">&nbsp;</div></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>With character counter:</label></div>
                        <div class="grid9">
                            <textarea rows="8" cols="" name="textarea" class="auto lim" style="overflow: hidden; "></textarea>
                            <span class="note" id="limitingtext">Field limited to 100 characters.</span>
                        <div style="position: absolute; display: none; word-wrap: break-word; white-space: pre-wrap; border: 1px solid rgb(215, 215, 215); font-weight: normal; width: 675px; font-family: Arial, Helvetica, sans-serif; line-height: normal; font-size: 11px; padding: 6px 7px; ">&nbsp;</div></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow noBorderB">
                        <div class="grid3"><label>Tags:</label></div>
                        <div class="grid9"><input type="text" id="tags" name="tags" class="tags" value="these,are,sample,tags" style="display: none; "><div id="tags_tagsinput" class="tagsinput" style="width: 100%; "><span class="tag"><span>these&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><span class="tag"><span>are&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><span class="tag"><span>sample&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><span class="tag"><span>tags&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><div id="tags_addTag"><input id="tags_tag" value="" data-default="add a tag" style="color: rgb(102, 102, 102); width: 60px; "></div><div class="tags_clear"></div></div></div>
                        <div class="clear"></div>
                    </div>
                </div>
            </fieldset>
    
            <fieldset>
                <div class="widget fluid">
                    <div class="whead"><h6>Fields with masked values</h6><div class="clear"></div></div>
                    <div class="formRow">
                        <div class="grid3"><label>Date:</label></div>
                        <div class="grid9"><input type="text" class="maskDate" id="maskDate" value="value"><span class="note">99/99/9999</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Phone:</label></div>
                        <div class="grid9"><input type="text" class="maskPhone" value=""><span class="note">(999) 999-9999</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Phone + Ext:</label></div>
                        <div class="grid9"><input type="text" class="maskPhoneExt" value=""><span class="note">(999) 999-9999? x99999</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Int'l Phone:</label></div>
                        <div class="grid9"><input type="text" class="maskIntPhone" value=""><span class="note">+33 999 999 999</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Tax ID:</label></div>
                        <div class="grid9"><input type="text" class="maskTin" value=""><span class="note">99-9999999</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>SSN:</label></div>
                        <div class="grid9"><input type="text" class="maskSsn"><span class="note">999-99-9999</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Product Key:</label></div>
                        <div class="grid9"><input type="text" class="maskProd"><span class="note">a*-999-a999</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Eye Script:</label></div>
                        <div class="grid9"><input type="text" class="maskEye"><span class="note">~9.99 ~9.99 999</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Purchase Order:</label></div>
                        <div class="grid9"><input type="text" class="maskPo" value=""><span class="note">aaa-999-***</span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow noBorderB">
                        <div class="grid3"><label>Percent:</label></div>
                        <div class="grid9"><input type="text" class="maskPct" value=""><span class="note">99%</span></div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div id="unmask"></div>
            </fieldset>
        
            <fieldset>
                <div class="widget fluid">
                    <div class="whead"><h6>Autotabs</h6><div class="clear"></div></div>
                    <div class="formRow">
                        <div class="grid3"><label>Simple data row</label> </div>
                        <div class="grid9 moreFields">
                            <ul class="rowData">
                                <li><input type="text" name="test" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="test" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="test" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="test" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="test" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="test" maxlength="6"></li>
                            </ul> 
                            <div class="clear"></div>  
                        </div> 
                        <div class="clear"></div> 
                    </div>
                    
                    <div class="formRow">
                        <div class="grid3"><label>Numbers only</label> </div>
                        <div class="grid9 moreFields onlyNums">
                            <ul>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                            </ul>  
                            <div class="clear"></div> 
                        </div> 
                        <div class="clear"></div> 
                    </div>
    
                    <div class="formRow">
                        <div class="grid3"><label>Letters only</label> </div>
                        <div class="grid9 moreFields onlyText">
                            <ul>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                            </ul>  
                            <div class="clear"></div> 
                        </div> 
                        <div class="clear"></div> 
                    </div>
                    
                    <div class="formRow">
                        <div class="grid3"><label>Alpha only</label></div>
                        <div class="grid9 moreFields onlyAlpha">
                            <ul>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                            </ul>  
                            <div class="clear"></div> 
                        </div> 
                        <div class="clear"></div> 
                    </div>
    
                    <div class="formRow">
                        <div class="grid3"><label>Regular expressions</label> </div>
                        <div class="grid9 moreFields onlyRegex">
                            <ul>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="question" maxlength="6"></li>
                            </ul>  
                            <div class="clear"></div> 
                        </div> 
                        <div class="clear"></div> 
                    </div>
                    
                    <div class="formRow noBorderB">
                        <div class="grid3"><label>Uppercase converting</label> </div>
                        <div class="grid9 moreFields allUpper">
                            <ul>
                                <li><input type="text" name="up1" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="up2" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="up3" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="up4" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="up5" maxlength="6"></li>
                                <li class="sep">-</li>
                                <li><input type="text" name="up6" maxlength="6"></li>
                            </ul>  
                            <div class="clear"></div> 
                        </div> 
                        <div class="clear"></div>
                    </div>
                </div>   
            </fieldset>
        
            <fieldset>
                <div class="fluid">
                    <div class="widget grid6">
                        <div class="whead"><h6>Dropdowns and selects</h6><div class="clear"></div></div>
                        <div class="formRow">
                            <div class="grid3"><label>Select with scrolling :</label></div>
                            <div class="grid9">
                            <div class="selector" id="uniform-undefined"><span>Usual select box</span><select name="select2" style="opacity: 0; ">
                                <option value="opt1">Usual select box</option>
                                <option value="opt2">Option 2</option>
                                <option value="opt3">Option 3</option>
                                <option value="opt4">Option 4</option>
                                <option value="opt5">Option 5</option>
                                <option value="opt6">Option 6</option>
                                <option value="opt7">Option 7</option>
                                <option value="opt8">Option 8</option>
                            </select></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    
                        <div class="formRow">
                            <div class="grid3"><label>Styled dropdown :</label></div>
                            <div class="grid9 noSearch">
                            <div class="selector" id="uniform-selRAM"><span>Usual select box with dropdown styling</span><select name="select2" class="select chzn-done" id="selRAM" style="display: none; opacity: 0; ">
                                <option value="opt1">Usual select box with dropdown styling</option>
                                <option value="opt2">Option 2</option>
                                <option value="opt3">Option 3</option>
                                <option value="opt4">Option 4</option>
                                <option value="opt5">Option 5</option>
                                <option value="opt6">Option 6</option>
                                <option value="opt7">Option 7</option>
                                <option value="opt8">Option 8</option>
                            </select></div><div id="selRAM_chzn" class="chzn-container chzn-container-single" style="width: 252px;"><a href="javascript:void(0)" class="chzn-single"><span>Usual select box with dropdown styling</span><div><b></b></div></a><div class="chzn-drop" style="left: -9000px; width: 250px; top: 29px; "><div class="chzn-search" style=""><input type="text" autocomplete="off" style="width: 242px; "></div><ul class="chzn-results"><li id="selRAM_chzn_o_0" class="active-result result-selected" style="">Usual select box with dropdown styling</li><li id="selRAM_chzn_o_1" class="active-result" style="">Option 2</li><li id="selRAM_chzn_o_2" class="active-result" style="">Option 3</li><li id="selRAM_chzn_o_3" class="active-result" style="">Option 4</li><li id="selRAM_chzn_o_4" class="active-result" style="">Option 5</li><li id="selRAM_chzn_o_5" class="active-result" style="">Option 6</li><li id="selRAM_chzn_o_6" class="active-result" style="">Option 7</li><li id="selRAM_chzn_o_7" class="active-result" style="">Option 8</li></ul></div></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    
                        <div class="formRow">
                            <div class="grid3"><label>Select with search:</label></div>
                            <div class="grid9 searchDrop">
                                <div class="selector" id="uniform-sel9MQ"><span></span><select data-placeholder="Choose a Country..." class="select chzn-done" style="width: 350px; display: none; opacity: 0; " tabindex="-1" id="sel9MQ">
                                    <option value=""></option> 
                                    <option value="Cambodia">Cambodia</option> 
                                    <option value="Cameroon">Cameroon</option> 
                                    <option value="Canada">Canada</option> 
                                    <option value="Cape Verde">Cape Verde</option> 
                                    <option value="Cayman Islands">Cayman Islands</option> 
                                    <option value="Central African Republic">Central African Republic</option> 
                                    <option value="Chad">Chad</option> 
                                    <option value="Chile">Chile</option> 
                                    <option value="China">China</option> 
                                    <option value="Christmas Island">Christmas Island</option> 
                                    <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                    <option value="Colombia">Colombia</option> 
                                    <option value="Comoros">Comoros</option> 
                                    <option value="Congo">Congo</option> 
                                    <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                                    <option value="Cook Islands">Cook Islands</option> 
                                    <option value="Costa Rica">Costa Rica</option> 
                                    <option value="Cote D'ivoire">Cote D'ivoire</option> 
                                    <option value="Croatia">Croatia</option> 
                                    <option value="Cuba">Cuba</option> 
                                    <option value="Cyprus">Cyprus</option> 
                                    <option value="Czech Republic">Czech Republic</option> 
                                    <option value="Denmark">Denmark</option> 
                                    <option value="Djibouti">Djibouti</option> 
                                    <option value="Dominica">Dominica</option> 
                                    <option value="Dominican Republic">Dominican Republic</option> 
                                    <option value="Ecuador">Ecuador</option> 
                                    <option value="Egypt">Egypt</option> 
                                    <option value="El Salvador">El Salvador</option> 
                                    <option value="Equatorial Guinea">Equatorial Guinea</option> 
                                    <option value="Eritrea">Eritrea</option> 
                                    <option value="Estonia">Estonia</option> 
                                    <option value="Ethiopia">Ethiopia</option> 
                                    <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
                                    <option value="Faroe Islands">Faroe Islands</option> 
                                    <option value="Fiji">Fiji</option> 
                                    <option value="Finland">Finland</option> 
                                    <option value="France">France</option> 
                                    <option value="French Guiana">French Guiana</option> 
                                    <option value="French Polynesia">French Polynesia</option> 
                                    <option value="French Southern Territories">French Southern Territories</option> 
                                    <option value="Gabon">Gabon</option> 
                                    <option value="Gambia">Gambia</option> 
                                    <option value="Georgia">Georgia</option> 
                                    <option value="Germany">Germany</option> 
                                    <option value="Ghana">Ghana</option> 
                                    <option value="Gibraltar">Gibraltar</option> 
                                    <option value="Greece">Greece</option> 
                                </select></div><div id="sel9MQ_chzn" class="chzn-container chzn-container-single" style="width: 350px;"><a href="javascript:void(0)" class="chzn-single" tabindex="2"><span>Choose a Country...</span><div><b></b></div></a><div class="chzn-drop" style="left: -9000px; width: 348px; top: 29px; "><div class="chzn-search"><input type="text" autocomplete="off" style="width: 324px; " tabindex="-1"></div><ul class="chzn-results"><li id="sel9MQ_chzn_o_1" class="active-result" style="">Cambodia</li><li id="sel9MQ_chzn_o_2" class="active-result" style="">Cameroon</li><li id="sel9MQ_chzn_o_3" class="active-result" style="">Canada</li><li id="sel9MQ_chzn_o_4" class="active-result" style="">Cape Verde</li><li id="sel9MQ_chzn_o_5" class="active-result" style="">Cayman Islands</li><li id="sel9MQ_chzn_o_6" class="active-result" style="">Central African Republic</li><li id="sel9MQ_chzn_o_7" class="active-result" style="">Chad</li><li id="sel9MQ_chzn_o_8" class="active-result" style="">Chile</li><li id="sel9MQ_chzn_o_9" class="active-result" style="">China</li><li id="sel9MQ_chzn_o_10" class="active-result" style="">Christmas Island</li><li id="sel9MQ_chzn_o_11" class="active-result" style="">Cocos (Keeling) Islands</li><li id="sel9MQ_chzn_o_12" class="active-result" style="">Colombia</li><li id="sel9MQ_chzn_o_13" class="active-result" style="">Comoros</li><li id="sel9MQ_chzn_o_14" class="active-result" style="">Congo</li><li id="sel9MQ_chzn_o_15" class="active-result" style="">Congo, The Democratic Republic of The</li><li id="sel9MQ_chzn_o_16" class="active-result" style="">Cook Islands</li><li id="sel9MQ_chzn_o_17" class="active-result" style="">Costa Rica</li><li id="sel9MQ_chzn_o_18" class="active-result" style="">Cote D'ivoire</li><li id="sel9MQ_chzn_o_19" class="active-result" style="">Croatia</li><li id="sel9MQ_chzn_o_20" class="active-result" style="">Cuba</li><li id="sel9MQ_chzn_o_21" class="active-result" style="">Cyprus</li><li id="sel9MQ_chzn_o_22" class="active-result" style="">Czech Republic</li><li id="sel9MQ_chzn_o_23" class="active-result" style="">Denmark</li><li id="sel9MQ_chzn_o_24" class="active-result" style="">Djibouti</li><li id="sel9MQ_chzn_o_25" class="active-result" style="">Dominica</li><li id="sel9MQ_chzn_o_26" class="active-result" style="">Dominican Republic</li><li id="sel9MQ_chzn_o_27" class="active-result" style="">Ecuador</li><li id="sel9MQ_chzn_o_28" class="active-result" style="">Egypt</li><li id="sel9MQ_chzn_o_29" class="active-result" style="">El Salvador</li><li id="sel9MQ_chzn_o_30" class="active-result" style="">Equatorial Guinea</li><li id="sel9MQ_chzn_o_31" class="active-result" style="">Eritrea</li><li id="sel9MQ_chzn_o_32" class="active-result" style="">Estonia</li><li id="sel9MQ_chzn_o_33" class="active-result" style="">Ethiopia</li><li id="sel9MQ_chzn_o_34" class="active-result" style="">Falkland Islands (Malvinas)</li><li id="sel9MQ_chzn_o_35" class="active-result" style="">Faroe Islands</li><li id="sel9MQ_chzn_o_36" class="active-result" style="">Fiji</li><li id="sel9MQ_chzn_o_37" class="active-result" style="">Finland</li><li id="sel9MQ_chzn_o_38" class="active-result" style="">France</li><li id="sel9MQ_chzn_o_39" class="active-result" style="">French Guiana</li><li id="sel9MQ_chzn_o_40" class="active-result" style="">French Polynesia</li><li id="sel9MQ_chzn_o_41" class="active-result" style="">French Southern Territories</li><li id="sel9MQ_chzn_o_42" class="active-result" style="">Gabon</li><li id="sel9MQ_chzn_o_43" class="active-result" style="">Gambia</li><li id="sel9MQ_chzn_o_44" class="active-result" style="">Georgia</li><li id="sel9MQ_chzn_o_45" class="active-result" style="">Germany</li><li id="sel9MQ_chzn_o_46" class="active-result" style="">Ghana</li><li id="sel9MQ_chzn_o_47" class="active-result" style="">Gibraltar</li><li id="sel9MQ_chzn_o_48" class="active-result" style="">Greece</li></ul></div></div>
                            </div>             
                            <div class="clear"></div>
                        </div>
                    
                        <div class="formRow">
                            <div class="grid3"><label>Bootstrap dropdowns:</label></div>
                            <div class="grid9">
                                <ul class="navi nav-pills">
                                  <li class="active"><a href="#">Regular link</a></li>
                                  <li>|</li>
                                  <li class="active"><a href="#">Regular link</a></li>
                                  <li>|</li>
                                  <li class="dropdown" id="menu1">
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
                                      Dropdown
                                      <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                    <li><a href="#"><span class="icos-add"></span>Add</a></li>
                                    <li><a href="#"><span class="icos-trash"></span>Remove</a></li>
                                    <li><a href="#" class=""><span class="icos-pencil"></span>Edit</a></li>
                                    <li><a href="#" class=""><span class="icos-heart"></span>Do whatever you like</a></li>
                                    </ul>
                                  </li>
                                </ul>                        
                            </div>
                            <div class="clear"></div>
                        </div>
                    
                        <div class="formRow">
                            <div class="grid3"><label>Multiple with search:</label></div>
                            <div class="grid9">
                                <select data-placeholder="Your Favorite Football Team" class="fullwidth select chzn-done" multiple="multiple" tabindex="-1" id="selR1P" style="display: none; ">
                                    <option value=""></option>
                                    <optgroup label="NFC EAST">
                                        <option>Dallas Cowboys</option>
                                        <option selected="selected">New York Giants</option>
                                        <option>Philadelphia Eagles</option>
                                        <option>Washington Redskins</option>
                                    </optgroup>
                                    <optgroup label="NFC NORTH">
                                        <option selected="selected">Chicago Bears</option>
                                        <option>Detroit Lions</option>
                                        <option>Green Bay Packers</option>
                                        <option>Minnesota Vikings</option>
                                    </optgroup>
                                    <optgroup label="NFC SOUTH">
                                        <option selected="selected">Atlanta Falcons</option>
                                        <option>Carolina Panthers</option>
                                        <option>New Orleans Saints</option>
                                        <option>Tampa Bay Buccaneers</option>
                                    </optgroup>
                                    <optgroup label="NFC WEST">
                                        <option>Arizona Cardinals</option>
                                        <option>St. Louis Rams</option>
                                        <option>San Francisco 49ers</option>
                                        <option>Seattle Seahawks</option>
                                    </optgroup>
                                    <optgroup label="AFC EAST">
                                        <option>Buffalo Bills</option>
                                        <option>Miami Dolphins</option>
                                        <option>New England Patriots</option>
                                        <option>New York Jets</option>
                                    </optgroup>
                                    <optgroup label="AFC NORTH">
                                        <option>Baltimore Ravens</option>
                                        <option>Cincinnati Bengals</option>
                                        <option>Cleveland Browns</option>
                                        <option>Pittsburgh Steelers</option>
                                    </optgroup>
                                    <optgroup label="AFC SOUTH">
                                        <option>Houston Texans</option>
                                        <option>Indianapolis Colts</option>
                                        <option>Jacksonville Jaguars</option>
                                        <option>Tennessee Titans</option>
                                    </optgroup>
                                    <optgroup label="AFC WEST">
                                        <option>Denver Broncos</option>
                                        <option>Kansas City Chiefs</option>
                                        <option>Oakland Raiders</option>
                                        <option>San Diego Chargers</option>
                                    </optgroup>
                                </select><div id="selR1P_chzn" class="chzn-container chzn-container-multi" style="width: 324px;"><ul class="chzn-choices"><li class="search-choice" id="selR1P_chzn_c_3"><span>New York Giants</span><a href="javascript:void(0)" class="search-choice-close" rel="3"></a></li><li class="search-choice" id="selR1P_chzn_c_7"><span>Chicago Bears</span><a href="javascript:void(0)" class="search-choice-close" rel="7"></a></li><li class="search-choice" id="selR1P_chzn_c_12"><span>Atlanta Falcons</span><a href="javascript:void(0)" class="search-choice-close" rel="12"></a></li><li class="search-field"><input type="text" value="Your Favorite Football Team" class="" autocomplete="off" style="width: 25px; " tabindex="6"></li></ul><div class="chzn-drop" style="left: -9000px; width: 322px; top: 82px; "><ul class="chzn-results"><li id="selR1P_chzn_g_1" class="group-result">NFC EAST</li><li id="selR1P_chzn_o_2" class="active-result group-option" style="">Dallas Cowboys</li><li id="selR1P_chzn_o_3" class="result-selected group-option" style="">New York Giants</li><li id="selR1P_chzn_o_4" class="active-result group-option" style="">Philadelphia Eagles</li><li id="selR1P_chzn_o_5" class="active-result group-option" style="">Washington Redskins</li><li id="selR1P_chzn_g_6" class="group-result">NFC NORTH</li><li id="selR1P_chzn_o_7" class="result-selected group-option" style="">Chicago Bears</li><li id="selR1P_chzn_o_8" class="active-result group-option" style="">Detroit Lions</li><li id="selR1P_chzn_o_9" class="active-result group-option" style="">Green Bay Packers</li><li id="selR1P_chzn_o_10" class="active-result group-option" style="">Minnesota Vikings</li><li id="selR1P_chzn_g_11" class="group-result">NFC SOUTH</li><li id="selR1P_chzn_o_12" class="result-selected group-option" style="">Atlanta Falcons</li><li id="selR1P_chzn_o_13" class="active-result group-option" style="">Carolina Panthers</li><li id="selR1P_chzn_o_14" class="active-result group-option" style="">New Orleans Saints</li><li id="selR1P_chzn_o_15" class="active-result group-option" style="">Tampa Bay Buccaneers</li><li id="selR1P_chzn_g_16" class="group-result">NFC WEST</li><li id="selR1P_chzn_o_17" class="active-result group-option" style="">Arizona Cardinals</li><li id="selR1P_chzn_o_18" class="active-result group-option" style="">St. Louis Rams</li><li id="selR1P_chzn_o_19" class="active-result group-option" style="">San Francisco 49ers</li><li id="selR1P_chzn_o_20" class="active-result group-option" style="">Seattle Seahawks</li><li id="selR1P_chzn_g_21" class="group-result">AFC EAST</li><li id="selR1P_chzn_o_22" class="active-result group-option" style="">Buffalo Bills</li><li id="selR1P_chzn_o_23" class="active-result group-option" style="">Miami Dolphins</li><li id="selR1P_chzn_o_24" class="active-result group-option" style="">New England Patriots</li><li id="selR1P_chzn_o_25" class="active-result group-option" style="">New York Jets</li><li id="selR1P_chzn_g_26" class="group-result">AFC NORTH</li><li id="selR1P_chzn_o_27" class="active-result group-option" style="">Baltimore Ravens</li><li id="selR1P_chzn_o_28" class="active-result group-option" style="">Cincinnati Bengals</li><li id="selR1P_chzn_o_29" class="active-result group-option" style="">Cleveland Browns</li><li id="selR1P_chzn_o_30" class="active-result group-option" style="">Pittsburgh Steelers</li><li id="selR1P_chzn_g_31" class="group-result">AFC SOUTH</li><li id="selR1P_chzn_o_32" class="active-result group-option" style="">Houston Texans</li><li id="selR1P_chzn_o_33" class="active-result group-option" style="">Indianapolis Colts</li><li id="selR1P_chzn_o_34" class="active-result group-option" style="">Jacksonville Jaguars</li><li id="selR1P_chzn_o_35" class="active-result group-option" style="">Tennessee Titans</li><li id="selR1P_chzn_g_36" class="group-result">AFC WEST</li><li id="selR1P_chzn_o_37" class="active-result group-option" style="">Denver Broncos</li><li id="selR1P_chzn_o_38" class="active-result group-option" style="">Kansas City Chiefs</li><li id="selR1P_chzn_o_39" class="active-result group-option" style="">Oakland Raiders</li><li id="selR1P_chzn_o_40" class="active-result group-option" style="">San Diego Chargers</li></ul></div></div>  
                            </div>             
                            <div class="clear"></div>
                        </div>
                    
                        <div class="formRow noBorderB">
                            <div class="grid3"><label>Multiple selects :</label></div>
                            <div class="grid9">
                                <select multiple="multiple" class="multiple" title="Click to Select a City">
                                <option selected="selected">Amsterdam</option>      
                                <option selected="selected">Atlanta</option>
                                <option>Baltimore</option>
                                <option>Boston</option>
                                <option>Buenos Aires</option>
                                <option>Calgary</option>
                                <option selected="selected">Chicago</option>
                                <option>Denver</option>
                                <option>Dubai</option>
                                <option>Frankfurt</option>
                                <option>Hong Kong</option>
                                <option>Honolulu</option>
                                <option>Houston</option>
                                <option>Kuala Lumpur</option>
                                <option>London</option>
                                <option>Los Angeles</option>
                                <option>Melbourne</option>
                                <option>Mexico City</option>
                                <option>Miami</option>
                                <option>Minneapolis</option>
                                <option>Montreal</option>
                                <option>New York City</option>
                                <option>Paris</option>
                                <option>Philadelphia</option>
                                <option>Rotterdam</option>
                                <option>San Diego</option>
                                <option>San Francisco</option>
                                <option>Sao Paulo</option>
                                <option>Seattle</option>
                                <option>Seoul</option>
                                <option>Shanghai</option>
                                <option>Singapore</option>
                                <option>Sydney</option>
                                <option>Tokyo</option>
                                <option>Toronto</option>
                                <option>Vancouver</option>
                                </select>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    
                    <div class="widget grid6">
                        <div class="whead"><h6>Checkboxes, radios and file input</h6><div class="clear"></div></div>
                        <div class="formRow">
                            <div class="grid3"><label>Checkbox: </label></div>
                            <div class="grid9 on_off">
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 49px; "><input type="checkbox" id="check20" checked="checked" name="chbox"><div class="ibutton-handle" style="width: 15px; left: 28px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 44px; "><span style="margin-right: -28px; "><label></label></span></div><div class="ibutton-label-on" style="width: 28px; "><span style="margin-left: 0px; "><label></label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 49px; "><input type="checkbox" id="check21" name="chbox1"><div class="ibutton-handle" style="width: 15px; left: 0px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 44px; "><span style="margin-right: 0px; "><label></label></span></div><div class="ibutton-label-on" style="width: 0px; "><span style="margin-left: -28px; "><label></label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL mr10"><div class="ibutton-container ibutton-disabled" style="width: 49px; "><input type="checkbox" name="chbox1" checked="checked" disabled="disabled"><div class="ibutton-handle" style="width: 15px; left: 28px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 44px; "><span style="margin-right: -28px; "><label></label></span></div><div class="ibutton-label-on" style="width: 28px; "><span style="margin-left: 0px; "><label></label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL"><div class="ibutton-container ibutton-disabled" style="width: 49px; "><input type="checkbox" name="chbox1" disabled="disabled"><div class="ibutton-handle" style="width: 15px; left: 0px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 44px; "><span style="margin-right: 0px; "><label></label></span></div><div class="ibutton-label-on" style="width: 0px; "><span style="margin-left: -28px; "><label></label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                            
                        <div class="formRow">
                            <div class="grid3"><label>Radio: </label></div>
                            <div class="grid9 on_off">
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 49px; "><div class="radio" id="uniform-radio10"><span class="checked"><input type="radio" id="radio10" name="question11" checked="checked" style="opacity: 0; "></span></div><div class="ibutton-handle" style="width: 15px; left: 28px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 44px; "><span style="margin-right: -28px; "><label></label></span></div><div class="ibutton-label-on" style="width: 28px; "><span style="margin-left: 0px; "><label></label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 49px; "><div class="radio" id="uniform-radio11"><span><input type="radio" id="radio11" name="question11" style="opacity: 0; "></span></div><div class="ibutton-handle" style="width: 15px; left: 0px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 44px; "><span style="margin-right: 0px; "><label></label></span></div><div class="ibutton-label-on" style="width: 0px; "><span style="margin-left: -28px; "><label></label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL mr10"><div class="ibutton-container ibutton-disabled" style="width: 49px; "><div class="radio disabled" id="uniform-radio12"><span><input type="radio" id="radio12" disabled="disabled" name="question11" style="opacity: 0; "></span></div><div class="ibutton-handle" style="width: 15px; left: 0px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 44px; "><span style="margin-right: 0px; "><label></label></span></div><div class="ibutton-label-on" style="width: 0px; "><span style="margin-left: -28px; "><label></label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                            
                        <div class="formRow">
                            <div class="grid3"><label>Checkbox: </label></div>
                            <div class="grid9 yes_no">
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 59px; "><input type="checkbox" id="check6" checked="checked" name="chbox"><div class="ibutton-handle" style="width: 15px; left: 38px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 54px; "><span style="margin-right: -38px; "><label>Off</label></span></div><div class="ibutton-label-on" style="width: 38px; "><span style="margin-left: 0px; "><label>On</label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 59px; "><input type="checkbox" id="check7" name="chbox1"><div class="ibutton-handle" style="width: 15px; left: 0px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 54px; "><span style="margin-right: 0px; "><label>Off</label></span></div><div class="ibutton-label-on" style="width: 0px; "><span style="margin-left: -38px; "><label>On</label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL"><div class="ibutton-container ibutton-disabled" style="width: 59px; "><input type="checkbox" name="chbox1" checked="checked" disabled="disabled"><div class="ibutton-handle" style="width: 15px; left: 38px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 54px; "><span style="margin-right: -38px; "><label>Off</label></span></div><div class="ibutton-label-on" style="width: 38px; "><span style="margin-left: 0px; "><label>On</label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                            
                        <div class="formRow">
                            <div class="grid3"><label>Radio: </label></div>
                            <div class="grid9 yes_no">
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 59px; "><div class="radio" id="uniform-radio13"><span class="checked"><input type="radio" id="radio13" name="question12" checked="checked" style="opacity: 0; "></span></div><div class="ibutton-handle" style="width: 15px; left: 38px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 54px; "><span style="margin-right: -38px; "><label>Off</label></span></div><div class="ibutton-label-on" style="width: 38px; "><span style="margin-left: 0px; "><label>On</label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 59px; "><div class="radio" id="uniform-radio14"><span><input type="radio" id="radio14" name="question12" style="opacity: 0; "></span></div><div class="ibutton-handle" style="width: 15px; left: 0px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 54px; "><span style="margin-right: 0px; "><label>Off</label></span></div><div class="ibutton-label-on" style="width: 0px; "><span style="margin-left: -38px; "><label>On</label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL"><div class="ibutton-container ibutton-disabled" style="width: 59px; "><div class="radio disabled" id="uniform-radio15"><span><input type="radio" id="radio15" disabled="disabled" name="question11" style="opacity: 0; "></span></div><div class="ibutton-handle" style="width: 15px; left: 0px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 54px; "><span style="margin-right: 0px; "><label>Off</label></span></div><div class="ibutton-label-on" style="width: 0px; "><span style="margin-left: -38px; "><label>On</label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                            
                        <div class="formRow">
                            <div class="grid3"><label>Checkbox: </label></div>
                            <div class="grid9 enabled_disabled">
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 124px; "><input type="checkbox" id="check4" checked="checked" name="chbox"><div class="ibutton-handle" style="width: 48px; left: 70px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 119px; "><span style="margin-right: -70px; "><label>Disabled</label></span></div><div class="ibutton-label-on" style="width: 70px; "><span style="margin-left: 0px; "><label>Enabled</label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                                <div class="floatL mr10"><div class="ibutton-container" style="width: 124px; "><input type="checkbox" id="check5" name="chbox1"><div class="ibutton-handle" style="width: 48px; left: 0px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 119px; "><span style="margin-right: 0px; "><label>Disabled</label></span></div><div class="ibutton-label-on" style="width: 0px; "><span style="margin-left: -70px; "><label>Enabled</label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                            
                        <div class="formRow">
                            <div class="grid3"><label>Usual checkbox: </label></div>
                            <div class="grid9 check">
                                <div class="checker" id="uniform-check1"><span class="checked"><input type="checkbox" id="check1" checked="checked" name="chbox" style="opacity: 0; "></span></div>
                                <label for="check1" class="mr20">Checked</label>
                                
                                <div class="checker" id="uniform-check2"><span><input type="checkbox" id="check2" name="chbox1" style="opacity: 0; "></span></div>
                                <label for="check2" class="mr20">Unchecked</label>
                                
                                <div class="checker disabled" id="uniform-check3"><span class="checked"><input type="checkbox" name="chbox1" id="check3" checked="checked" disabled="disabled" style="opacity: 0; "></span></div>
                                <label for="check3" class="mr20 labelDisabled">Disabled</label>
                            </div>
                            <div class="clear"></div>
                        </div>
                                                
                        <div class="formRow">
                            <div class="grid3"><label>Usual radio :</label> </div>
                            <div class="grid9">
                                <div class="radio" id="uniform-radio1"><span><input type="radio" id="radio1" name="question1" style="opacity: 0; "></span></div><label for="radio1" class="mr20">Radio</label>
                                <div class="radio" id="uniform-radio2"><span class="checked"><input type="radio" id="radio2" name="question1" checked="checked" style="opacity: 0; "></span></div><label for="radio2" class="mr20">Radio checked</label>
                                <div class="radio disabled" id="uniform-undefined"><span class="checked"><input type="radio" name="question" checked="checked" disabled="disabled" style="opacity: 0; "></span></div><label class="labelDisabled">Disabled</label>
                            </div>
                            <div class="clear"></div>
                        </div>
                            
                        <div class="formRow">
                            <div class="grid3"><label>Usual file input :</label> </div>
                            <div class="grid9">
                                <div class="uploader" id="uniform-fileInput"><input type="file" class="fileInput" id="fileInput" size="24" style="opacity: 0; "><span class="filename">No file selected</span><span class="action">Choose File</span></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                            
                        <div class="formRow">
                            <div class="grid3"><label>Simple numbers input:</label></div>
                            <div class="grid9"><div class="ui-spinner"><input type="text" id="s1" value="10" class="ui-spinner-box" autocomplete="off"><button class="ui-spinner-up" type="button"></button><button class="ui-spinner-down" type="button"></button></div></div><div class="clear"></div>
                        </div>
                        
                        <div class="formRow">
                            <div class="grid3"><label>Decimal:</label></div>
                            <div class="grid9"><div class="ui-spinner"><input type="text" id="s2" value="10.25" class="ui-spinner-box" autocomplete="off"><button class="ui-spinner-up" type="button"></button><button class="ui-spinner-down" type="button"></button></div></div><div class="clear"></div>
                        </div>
                        
                        <div class="formRow">
                            <div class="grid3"><label>Currency:</label></div>
                            <div class="grid9"><div class="ui-spinner"><input type="text" id="s3" class="ui-spinner-box" autocomplete="off"><button class="ui-spinner-up" type="button"></button><button class="ui-spinner-down" type="button"></button></div></div><div class="clear"></div>
                        </div>
                        
                        <div class="formRow">
                            <div class="grid3"><label>Inline data:</label></div>
                            <div class="grid9">
                                <div class="ui-spinner" style="height: 26px; "><ul id="s4" class="ui-spinner-box ui-spinner-list" autocomplete="off" style="height: 26px; ">
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 1</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 2</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 3</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 4</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 5</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 6</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 7</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 8</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 9</li>
                                    <li class="ui-spinner-listitem" style="height: 26px; overflow: hidden; ">item 10</li>
                                </ul><button class="ui-spinner-up" type="button"></button><button class="ui-spinner-down" type="button"></button></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                            
                        <div class="formRow noBorderB">
                            <div class="grid3"><label>Inline data (links):</label></div>
                            <div class="grid9"><div class="ui-spinner" style="height: 26px; "><div id="s5" class="ui-spinner-box ui-spinner-list" autocomplete="off" style="height: 26px; "><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://ejohn.org" target="_blank">John Resig</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://bassistance.de/" target="_blank">Jörn Zaefferer</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://snook.ca/jonathan/" target="_blank">Jonathan Snook</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://rdworth.org/" target="_blank">Richard Worth</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://www.paulbakaus.com/" target="_blank">Paul Bakaus</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://www.yehudakatz.com/" target="_blank">Yehuda Katz</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://www.azarask.in/" target="_blank">Aza Raskin</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://www.karlswedberg.com/" target="_blank">Karl Swedberg</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://scottjehl.com/" target="_blank">Scott Jehl</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://jdsharp.us/" target="_blank">Jonathan Sharp</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://www.kevinhoyt.org/" target="_blank">Kevin Hoyt</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://www.codylindley.com/" target="_blank">Cody Lindley</a></div><div class="ui-spinner-data ui-spinner-listitem" style="height: 26px; overflow: hidden; "><a href="http://malsup.com/jquery/" target="_blank">Mike Alsup</a></div></div><button class="ui-spinner-up" type="button"></button><button class="ui-spinner-down" type="button"></button></div></div><div class="clear"></div>
                        </div>
                    </div>
                </div>
            </fieldset>
        
            <fieldset>
                <div class="widget">
                    <div class="whead"><span class="icon-glass"></span><h6>Multiple selects with filter</h6><div class="clear"></div></div>
                    <div class="body">
                        <div class="leftBox">
                            <input type="text" id="box1Filter" class="boxFilter" placeholder="Filter entries..."><button type="button" id="box1Clear" class="dualBtn fltr">x</button><br>
                            
                            <select id="box1View" multiple="multiple" class="multiple" style="height:300px;"><option value="501649">2008-2009 "Mini" Baja</option><option value="501497" selected="selected">AAPA - Asian American Psychological Association</option><option value="501493">Agape</option><option value="501562" selected="selected">AGE-Alliance for Graduate Excellence</option><option value="500676">AICHE (American Inst of Chemical Engineers)</option><option value="501460">AIDS Sensitivity Awareness Project ASAP</option><option value="500004">Aikido Club</option><option value="500336">Akanke</option></select>
                            <br>
                            <span id="box1Counter" class="countLabel">Showing 8 of 8</span>
                            
                            <div class="displayNone"><div class="selector" id="uniform-box1Storage"><span></span><select id="box1Storage" style="display: none; opacity: 0; "></select></div></div>
                        </div>
                                
                        <div class="dualControl">
                            <button id="to2" type="button" class="dualBtn mr5 mb15">&nbsp;&gt;&nbsp;</button>
                            <button id="allTo2" type="button" class="dualBtn">&nbsp;&gt;&gt;&nbsp;</button><br>
                            <button id="to1" type="button" class="dualBtn mr5">&nbsp;&lt;&nbsp;</button>
                            <button id="allTo1" type="button" class="dualBtn">&nbsp;&lt;&lt;&nbsp;</button>
                        </div>
                                
                        <div class="rightBox">
                            <input type="text" id="box2Filter" class="boxFilter" placeholder="Filter entries..."><button type="button" id="box2Clear" class="dualBtn fltr">x</button><br>
                            <select id="box2View" multiple="multiple" class="multiple" style="height:300px;"><option value="501053">Academy of Film Geeks</option><option value="500001">Accounting Association</option><option value="501227" selected="selected">ACLU</option><option value="501610" selected="selected">Active Minds</option><option value="501514">Activism with A Reel Edge (A.W.A.R.E.)</option><option value="501656">Adopt a Grandparent Program</option><option value="501050">Africa Awareness Student Organization</option><option value="501075">African Diasporic Cultural RC Interns</option></select><br>
                            <span id="box2Counter" class="countLabel">Showing 8 of 8</span>
                            
                            <div class="displayNone"><div class="selector" id="uniform-box2Storage"><span></span><select id="box2Storage" style="display: none; opacity: 0; "></select></div></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </fieldset>
        
            <div class="divider"><span></span></div>
        
            <fieldset>
                <div class="widget">
                    <div class="whead"><h6>Full width grid</h6><div class="clear"></div></div>
                    <div class="formRow fluid">
                        <div class="grid12"><input type="text" name="regular" value="grid12"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow fluid">
                        <div class="grid6"><input type="text" name="regular" value="grid12"></div>
                        <div class="grid6"><input type="text" name="regular" value="grid12"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow fluid">
                        <div class="grid4"><input type="text" name="regular" value="grid4"></div>
                        <div class="grid8"><input type="text" name="regular" value="grid8"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow fluid">
                        <div class="grid8"><input type="text" name="regular" value="grid8"></div>
                        <div class="grid4"><input type="text" name="regular" value="grid4"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow fluid">
                        <div class="grid4"><input type="text" name="regular" value="grid4"></div>
                        <div class="grid4"><input type="text" name="regular" value="grid4"></div>
                        <div class="grid4"><input type="text" name="regular" value="grid4"></div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow fluid noBorderB">
                        <div class="grid3"><input type="text" name="g3" value="grid3"></div>
                        <div class="grid3"><input type="text" name="g3" value="grid3"></div>
                        <div class="grid3"><input type="text" name="g3" value="grid3"></div>
                        <div class="grid3"><input type="text" name="g3" value="grid3"></div>
                        <div class="clear"></div>
                    </div>
                </div>
            </fieldset>
        
            <fieldset>
                <div class="widget fluid">
                    <div class="whead"><h6 id="grid">Grid with labels</h6><div class="clear"></div></div>
                    <div class="formRow">
                        <div class="grid3"><label>Clickable label:</label></div>
                        <div class="grid9">
                            <span class="grid6"><input type="text" name="g6" value="grid6"></span>
                            <span class="grid6"><input type="text" name="g6" value="grid6"></span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Clickable label:</label></div>
                        <div class="grid9">
                            <span class="grid4"><input type="text" name="g4" value="grid4"></span>
                            <span class="grid8"><input type="text" name="g8" value="grid8"></span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Clickable label:</label></div>
                        <div class="grid9">
                            <span class="grid8"><input type="text" name="g8" value="grid8"></span>
                            <span class="grid4"><input type="text" name="g4" value="grid4"></span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow">
                        <div class="grid3"><label>Clickable label:</label></div>
                        <div class="grid9">
                            <span class="grid4"><input type="text" name="g4" value="grid4"></span>
                            <span class="grid4"><input type="text" name="g4" value="grid4"></span>
                            <span class="grid4"><input type="text" name="g4" value="grid4"></span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="formRow noBorderB">
                        <div class="grid3"><label>Clickable label:</label></div>
                        <div class="grid9">
                            <span class="grid3"><input type="text" name="g3" value="grid3"></span>
                            <span class="grid3"><input type="text" name="g3" value="grid3"></span>
                            <span class="grid3"><input type="text" name="g3" value="grid3"></span>
                            <span class="grid3"><input type="text" name="g3" value="grid3"></span>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </fieldset>
        
            <fieldset>
            <div class="fluid">
                <div class="widget grid6 rtl-inputs">
                    <div class="whead"><h6>Grid with labels</h6><div class="clear"></div></div>
                    <div class="formRow"><span class="grid2"><input type="text" name="g8" value="grid2"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid3"><input type="text" name="g8" value="grid3"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid4"><input type="text" name="g4" value="grid4"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid5"><input type="text" name="g3" value="grid5"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid6"><input type="text" name="g3" value="grid6"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid7"><input type="text" name="g3" value="grid7"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid8"><input type="text" name="g3" value="grid8"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid9"><input type="text" name="g3" value="grid9"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid10"><input type="text" name="g3" value="grid10"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid11"><input type="text" name="g3" value="grid11"></span><div class="clear"></div></div>
                    <div class="formRow noBorderB"><span class="grid12"><input type="text" name="g3" value="grid12"></span><div class="clear"></div></div>
                </div>
                <div class="widget grid6">
                    <div class="whead"><h6>Grid with labels</h6><div class="clear"></div></div>
                    <div class="formRow"><span class="grid2"><input type="text" name="g8" value="grid2"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid3"><input type="text" name="g8" value="grid3"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid4"><input type="text" name="g4" value="grid4"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid5"><input type="text" name="g3" value="grid5"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid6"><input type="text" name="g3" value="grid6"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid7"><input type="text" name="g3" value="grid7"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid8"><input type="text" name="g3" value="grid8"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid9"><input type="text" name="g3" value="grid9"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid10"><input type="text" name="g3" value="grid10"></span><div class="clear"></div></div>
                    <div class="formRow"><span class="grid11"><input type="text" name="g3" value="grid11"></span><div class="clear"></div></div>
                    <div class="formRow noBorderB"><span class="grid12"><input type="text" name="g3" value="grid12"></span><div class="clear"></div></div>
                </div>
            </div>
            </fieldset>
        </form>
    </div>
</div>
<!-- Content ends -->  
        


<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content"></div><a id="fancybox-close"></a><div id="fancybox-title"></div><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div><tester style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: normal; white-space: nowrap; " id="tags_tag_autosize_tester"></tester><div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div></body></html>